<!doctype html>
<html>
<head>
	<meta charset="utf-8"><meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../../lib/css/skin.css"/>
</head>
<body>
<div id="root">
	<div class="app_warp">
		<div class="app_main"></div>
		<div id="app_foot" class="app_foot">
			<a id="app_foot_home" class="active" href="javascrtip:;" tapmode onclick="setFrameIndex(0)">
				首页
			</a>
			<a id="app_foot_classroom" href="javascrtip:;" tapmode onclick="setFrameIndex(1)">
				课堂
			</a>
			<a id="app_foot_artcircle" href="javascrtip:;" tapmode onclick="setFrameIndex(2)">
				艺考圈
			</a>
			<a id="app_foot_yuanxiao" href="javascrtip:;" tapmode onclick="setFrameIndex(3)">
				院校
			</a>
			<a id="app_foot_mechanism" href="javascrtip:;" tapmode onclick="setFrameIndex(4)">
				机构
			</a>
		</div>
	</div>
</div>
<script>
	var homeFrame = [{
			name: 'home',
			url: '../home/home.html'
		}, {
			name: 'classroom',
			url: '../classroom/classroom.html'
		}, {
			name: 'artcircle',
			url: '../artcircle/artcircle.html'
		}, {
			name: 'yuanxiao',
			url: '../yuanxiao/yuanxiao.html'
		}, {
			name: 'mechanism',
			url: '../mechanism/mechanism.html'
		}],
		setFrameIndex = function (i, bool) {
			var footLink = $('#app_foot a');
			if (!footLink.eq(i).hasClass('active')) {
				footLink.removeClass('active').eq(i).addClass('active');
			}
			api.setFrameGroupIndex({
				name: 'homeFrame',
				index: i,
				scroll: true,
				reload: (!!bool) ? true : false
			});
		},
		appready = function () {

			_$.pageUnback();

			api.openFrameGroup({
				name: 'homeFrame',
				rect: {
					x: 0,
					y: 0,
					w: 'auto',
					h: api.winHeight - $('#app_foot').height() - 1
				},
				preload: 4,
				scrollEnabled: false,
				frames: homeFrame
			});
			api.parseTapmode();

		};
</script>
<script src="../../lib/js/config.js"></script>
<script src="../../lib/js/jquery.js"></script>
<script src="../../lib/js/common.js"></script>
</body>
</html>